
<div class="my-container">  
  <ngx-loading [show]="loading" [config]="config"></ngx-loading>

  <!-- <div id="box">
    <br /><br />
    <div class="info" >
      <div>
          <label for="username">用&nbsp;&nbsp;&nbsp;&nbsp;户</label>
          <input type="text" id="username" name="username" /> 
      </div>
      <br /><br />
      <div>
          <label for="password">用户密码</label>
          <input type="password" id="password" name="password" />
      </div>
      <br /><br />
      <div>
        <button (click)="on_login_click()">登陆</button>
      </div>
    </div>
  </div> -->

  <div class="form_div">
    <span class="fill-remaining-space"></span>
    <form [formGroup]="login_form">
        <mat-card class="example-card">
            <mat-card-header>
              <div mat-card-avatar class="example-header-image"></div>
              <mat-card-title>登录模块</mat-card-title>
              <mat-card-subtitle>登录信息录入并提交</mat-card-subtitle>
            </mat-card-header>
      
            <!-- <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu"> -->
      
            <mat-card-content>
      
              <mat-form-field class="full-width">
                <!-- <span matPrefix>XiangXu.</span> -->
                <input matInput type="text" placeholder="请输入你的邮箱" formControlName="username" />
                <!-- <span matSuffix>@163.com</span> -->
              </mat-form-field>
      
              <mat-form-field class="full-width">
                  <input matInput type="password" placeholder="请输入你的密码" formControlName="password" />
              </mat-form-field>
      
              <button mat-raised-button type="button" (click)="on_login_click()">登录</button>
                
            </mat-card-content>
      
            <mat-card-actions class="text-right">
              <p>还未注册？&nbsp;<a href="">立即注册</a></p>
              <p>忘记密码？&nbsp;<a href="">找回密码</a></p>
            </mat-card-actions>
      
          </mat-card>
      </form>
      <span class="fill-remaining-space"></span>
  </div>
    

  
  
  
</div>